<style scoped>
</style>
<!--  -->
<template>
  <li>
    <div class="title white"><a class="nohover">组件</a></div>
    <div class="li-child white">
      <ul class="child-ul">
        <li>
          <div class="title"><a @click="editorComponentFixed"> 漂浮组件 </a></div>
        </li>
      </ul>
    </div>
  </li>
</template>

<script>
import * as WindowType from '@/config/windowtype.js'
import VueFunctions from '@/core/VueFunctions.js'
import { mapState } from 'vuex'
export default {
  computed: {
    ...mapState([
      'design'
    ])
  },
  data () {
    return {
    }
  },
  methods: {
    editorComponentFixed () {
      // 查看 iframe 是否存在，如果不存在直接return
      if (this.design.pageId < 1 || !this.design.pageId || !this.design.iframeSrc) {
        return
      }
      // 调用方法，显示弹窗
      VueFunctions.method(WindowType.EDIT_COMPONENT_WITH_COMPONENTFIXED)
    }
  }
}

</script>
